<h2>Property Binding</h2>

<p>These properties are updated directly by the MapView:</p>
<ul>
    <li><strong>Lat:</strong> {{ vm.mapView.center.latitude | number:3 }}, <strong>Lng:</strong> {{ vm.mapView.center.longitude | number:3 }}</li>
    <li><strong>Scale:</strong> {{ vm.mapView.scale | number:2 }}</li>
    <li><strong>Zoom:</strong> {{ vm.mapView.zoom | number:2 }}</li>
</ul>

<p>This property can be changed by interacting with the input form <strong>and</strong> the MapView:</p>
<ul>
    <li><strong>Rotation:</strong> <input type="number" ng-model="vm.mapView.rotation" /></li>
</ul>

<esri-map-view map="vm.map" on-create="vm.onViewCreated"
    view-options="{
        zoom: 11,
        center: [-6.66, 62.23]
    }">
</esri-map-view>

<p>Learn more about <a href="#/patterns/property-binding">property binding patterns</a> between Angular and Esri JSAPI.</p>
